<template>
  <svg
    width="280"
    height="180"
    viewBox="0 0 280 180"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect width="280" height="180" fill="var(--el-fill-color-light)" />
    <g filter="url(#filter0_d_13637_231098)">
      <circle cx="140" cy="90" r="24" fill="var(--el-color-primary)" />
    </g>
    <path
      d="M136.367 90.3598C135.824 91.0111 136.287 92 137.135 92L142.865 92C143.713 92 144.176 91.0111 143.633 90.3598L140.768 86.9219C140.368 86.4421 139.632 86.4421 139.232 86.9219L136.367 90.3598Z"
      fill="white"
    />
    <defs>
      <filter
        id="filter0_d_13637_231098"
        x="108"
        y="58"
        width="64"
        height="64"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="4" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.25098 0 0 0 0 0.619608 0 0 0 0 1 0 0 0 0.3 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13637_231098"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13637_231098"
          result="shape"
        />
      </filter>
    </defs>
  </svg>
</template>
